<template>
	<view class="users">
		<view class="ziliao">
			<view class="images">
				<img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2381468826,3029522659&fm=11&gp=0.jpg" alt="">
			</view>
				<view class="names">
					<view class="">
						<h3>我的名字</h3>
					</view>
					<view class="">
						<a href="#">完善个人资料</a>
					</view>
				</view>
		</view>
		<view class="xiaoshoue">
			<view class="">
				销售额：￥12030元 
			</view>
			<view class="button">
				提现
			</view>
			
		</view>
		<view class="chongzhis">
			<view class="chongzhi">
				<view class="chong">
					<div>
						充值
					</div>
					<div>
						<image src="../static/icons/shujutongji.png" mode=""></image>
					</div>
					
				</view>
				<view class="">
					<div>
						充值
					</div>
					<div>
						<image src="../static/icons/shujutongji.png" mode=""></image>
					</div>
				</view>
				<view class="">
					<div>
						充值
					</div>
					<div>
						<image src="../static/icons/shujutongji.png" mode=""></image>
					</div>
				</view>
			</view>
			
		</view>
	</view>
	
</template>

<script>
	export default {
		
	}
</script>

<style scoped lang="scss">
	.users{
		font-size: 12upx;
		width: 750upx;
		overflow: hidden;
		h3{
			font-size: 30upx;
		}
		.ziliao{
			display: flex;
			flex-direction: row;
			width: 100%;
			border: 1px solid red;
			height: 120upx;
			.images{
				padding-left: 47upx;
				padding-right: 28upx;
				height: 100%;
				img{
					width: 122upx;
					height: 122upx;
					border-radius: 50%;
				}
			}
			.names{
				display: flex;
				flex-direction: column;
				justify-content: space-around;
			}
			
		}
		.xiaoshoue{
			// background-color: green;
			height: 120upx;
			line-height: 120upx;
			text-indent: 47upx;
			position: relative;
			left: 0;
			top: 0;
			.button{
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				text-indent: 0;
				color: red;
				right:32upx;
				// background-color: blue;
				width: 140upx;
				border: 1px solid red;
				text-align: center;
				line-height: 53upx;
				height: 53upx;
			}
		}
		.chongzhis{
			background: #F1F1F1;
			
			.chongzhi{
				height: 210upx;
				
				background-color: #FFFFFF;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				view{
					flex: 1;
					text-align: center;
					border: 1px solid red;
					background-image: "../static/icons/数据统计.png";
					image{
						width: 60upx;
						height: 56upx;
					}
				}
			}
		}
	}
</style>
